<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>随便打TCS系统</title>
<script type="text/javascript" src="<%=basePath%>js/initPage.js"></script>
<!-- Bootstrap -->
<link href="<%=basePath%>vendors/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">
<!-- Font Awesome -->
<link
	href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
	rel="stylesheet">
<!-- NProgress -->
<link href="<%=basePath%>vendors/nprogress/nprogress.css"
	rel="stylesheet">
<!-- iCheck -->
<link href="<%=basePath%>vendors/iCheck/skins/flat/green.css"
	rel="stylesheet">

<!-- bootstrap-progressbar -->
<link
	href="<%=basePath%>vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css"
	rel="stylesheet">
<!-- JQVMap -->
<link href="<%=basePath%>vendors/jqvmap/dist/jqvmap.min.css"
	rel="stylesheet" />
<!-- bootstrap-daterangepicker -->
<link
	href="<%=basePath%>vendors/bootstrap-daterangepicker/daterangepicker.css"
	rel="stylesheet">

<!-- Custom Theme Style -->
<link href="<%=basePath%>build/css/custom.min.css" rel="stylesheet">
</head>
<%@ include file="loginCheck.jsp"%>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view">
					<div class="clearfix"></div>
					<br />
				</div>
			</div>
			<!-- page content -->
			<div class="right_col" role="main">
				<div class="">
					<div class="page-title">
						<div class="title_left"></div>
						<div class="x_content">
							<button data-toggle="dropdown"
								class="btn btn-default dropdown-toggle" type="button"
								aria-expanded="false">
								<c:if test="${status==null}"> 全部 </c:if>
								<c:if test="${status==1}"> 已解决 </c:if>
								<c:if test="${status==2}"> 未解决 </c:if>
								<span class="caret"></span>
							</button>
							<ul role="menu" class="dropdown-menu">
								<li><a href="javascript:" type="submit"
									<c:if test="${status==null}"> style="display:none;"</c:if>
                                       onclick="selectALL('','1')">全部</a></li>
								<li><a href="javascript:" type="submit"
									<c:if test="${status==1}"> style="display:none;"</c:if>
                                       onclick="selectALL('1','1')">已解决</a></li>
								<li><a href="javascript:" type="submit"
									<c:if test="${status==2}"> style="display:none;"</c:if>
                                       onclick="selectALL('2','1')">未解决</a></li>
							</ul>
							<c:if test="${adminUsergrade==0}">
								发布代理商: <input type="text" id="name" value="${name}" />
								<button type="submit" class="btn btn-default"
									onclick="selectALL('${status}','1')">搜索</button>
							</c:if>
							<c:if test="${adminUsergrade!=0}">
								<input type="hidden" id="name" />
							</c:if>
							<c:if test="${adminUsergrade!=0}">
								<button type="submit" class="btn btn-success"
									onclick="addHelp()">添加</button>
							</c:if>
						</div>
					</div>
					<div class="x_panel">
						<div class="x_content">
							<table id="datatable" class="table table-striped table-bordered">
								<thead>
									<tr>
										<c:if test="${adminUsergrade==0}">
											<th>发布代理商</th>
										</c:if>
										<th>联系方式</th>
										<th>内容</th>
										<th>图片</th>
										<th>状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${hpList}" var="s" varStatus="z">
										<tr>
											<c:if test="${adminUsergrade==0}">
												<td>${s.username}</td>
											</c:if>
											<td>${s.title}</td>
											<td>${s.content }</td>
											<td><c:if test="${s.pic==''||s.pic==null}">未上传图片</c:if>
												<c:if test="${s.pic!=''&&s.pic!=null}">
													<img style="width: 80px; hight: 80px" src="${s.pic}"
														alt="image" />
												</c:if></td>
											<td><c:if test="${s.status==1 }">已解决</c:if> <c:if
													test="${s.status==2 }">未解决</c:if></td>
											<td>
												<div class="input-group-btn">
													<button type="button"
														class="btn btn-default dropdown-toggle"
														data-toggle="dropdown" aria-expanded="false">
														请选择 <span class="caret"></span>
													</button>
													<ul class="dropdown-menu dropdown-menu-right" role="menu">
														<c:if test="${s.status==2 }">
															<li><a href="javascript:" type="submit"
                                                                   onclick="upStatus('${s.id}','1')">已经解决</a></li>
															<li><a href="javascript:" type="submit"
                                                                   onclick="updateHelp('${s.id}')">修改</a></li>
														</c:if>
														<c:if test="${s.status==1 }">
															<li><a href="javascript:" type="submit"
                                                                   onclick="upStatus('${s.id}','2')">还未解决</a></li>
														</c:if>
														<c:if test="${adminUsergrade!=0}">
															<li><a href="javascript:" type="submit"
                                                                   onclick="upDataStatus('${s.id}','0')">删除</a></li>
														</c:if>
													</ul>
												</div>
											</td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="clearfix"></div>
					<br />
				</div>
				<div style="width: 100%; text-align: center;">
					<div id='page'></div>
				</div>
			</div>
			<!-- /page content -->
		</div>
	</div>
	<script>
		/**
		 * 纯粹的JS分页插件，代码缺点：JS操作DOM冗余太多，太繁琐
		 */
		pageUtil.initPage('page', {
			totalCount : '${pages.recordTotal}', //总页数，一般从回调函数中获取。如果没有数据则默认为1页
			curPage : ${pages.currentPageNo}, //初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
			showCount : 9, //分页栏显示的数量
			pageSizeList : [ 10 ], //自定义分页数，默认[5,10,15,20,50]
			defaultPageSize : 10, //默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个
			isJump : true, //是否包含跳转功能，默认false
			isPageNum : true, //是否显示分页下拉选择，默认false
			isPN : true, //是否显示上一页和下一面，默认true
			isFL : true, //是否显示首页和末页，默认true
			jump : function(curPage) { //跳转功能回调，传递回来2个参数，当前页和每页大小。如果没有设置分页下拉，则第二个参数永远为0。这里的this被指定为一个空对象，如果回调中需用到this请自行使用bind方法
				selectALL('${status}',curPage);
			},
		});			
	</script>
	<script type="text/javascript">
		// 添加
		function addHelp() {
			location.href = "addHelp";
		}
		
		// 修改
		function updateHelp(id) {
			location.href = "updateHelp?id="+id+"&status=${status}&currentPageNo=${pages.currentPageNo}&name=${name}";
		}

		// 主页
		function selectALL(status,curPage) {
			// 判断该代理商是否存在
	     	var name = $("#name").val();
			$.ajax({
				type : 'POST',
				url : 'beanName',
				data : {
					username : name
				},
				success : function(date) {
					if (date == 1){
						alert("该代理商不存在，请检查输入的代理商名称是否正确");
					} else {
						// 转发
						location.href = "helpIndex?status="+status+"&currentPageNo="+curPage+"&name="+name+"";
					}
				}
			});
		}

		// 修改状态
		function upStatus(id, status) {
			ajaxPost(id, status, null);
		}
		
		// 删除
		function upDataStatus(id, datastatus) {
			if(!confirm("确认要删除吗，此操作不可撤销")){
				return false;
			}
			ajaxPost(id, null, datastatus);
		}
		
		// ajaxPost请求
		function ajaxPost(id, status, datastatus) {
			$.ajax({
				type : 'POST',
				url : 'toUpdateHelp',
				data : {
					id : id,
					status : status,
					datastatus : datastatus
				},
				success : function(date) {
					switch (date) {
					case -1:
						alert("登录超时，请重新登录");
						top.location.href = "login/${titleId}";
						break;
					case 1:
						alert("修改成功");
						location.href = "helpIndex?status=${status}&currentPageNo=${pages.currentPageNo}&name=${name}";
						break;
					default:
						alert("修改失败，请重新操作");
						break;
					}
				}
			});
		}
	</script>
	<script src="<%=basePath%>vendors/jquery/dist/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="<%=basePath%>vendors/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- FastClick -->
	<script src="<%=basePath%>vendors/fastclick/lib/fastclick.js"></script>
	<!-- NProgress -->
	<script src="<%=basePath%>vendors/nprogress/nprogress.js"></script>
	<!-- bootstrap-daterangepicker -->
	<script src="<%=basePath%>vendors/moment/min/moment.min.js"></script>
	<script
		src="<%=basePath%>vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
	<!-- Chart.js -->
	<script src="<%=basePath%>vendors/Chart.js/dist/Chart.min.js"></script>
	<!-- Custom Theme Scripts -->
	<script src="<%=basePath%>build/js/custom.min.js"></script>
</body>
</html>